<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Upcoming Events</title>

    <style type="text/css">
        .nameColumn { width: 200px }
        .descriptionColumn { width: 400px }
    </style>
</head>
<body>
<f:view>
<h1>Upcoming Events</h1><br/>
	<h:form id="myEventsForm">
<h:dataTable value="#{futureEventListHandler.events}" var="event"
                 columnClasses="nameColumn, descriptionColumn" border="1">
        <h:column>
            <f:facet name="header"><h:outputText value="Name" /> </f:facet>
            <h:commandLink value="#{event.name}" action="#{futureEventDetailHandler.showEventDetail}">
            	<f:param name="currentEventId" value="#{event.eventId}" />
            </h:commandLink>
        </h:column>
    </h:dataTable>
    </h:form>
</f:view>
</body>
</html>